<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" th:href="@{images/favicon.ico}">
    <title>氢气健身俱乐部</title>
    <!-- Reset CSS -->
    <link href="css/reset.css" th:href="@{css/reset.css}" rel="stylesheet" type="text/css">
    <!-- Bootstrap -->
    <link href="assets/bootstrap/css/bootstrap.min.css" th:href="@{assets/bootstrap/css/bootstrap.min.css}" rel="stylesheet" type="text/css">
    <!-- Font Awesome -->
    <link href="assets/font-awesome/css/font-awesome.min.css" th:href="@{assets/font-awesome/css/font-awesome.min.css}" rel="stylesheet" type="text/css">
    <!-- Iconmoon -->
    <link href="assets/iconmoon/css/iconmoon.css" th:href="@{assets/iconmoon/css/iconmoon.css}" rel="stylesheet" type="text/css">
    <!-- Lightbox CSS -->
    <link href="assets/lightbox/css/lightbox.css" th:href="@{assets/lightbox/css/lightbox.css}" rel="stylesheet" type="text/css">
    <!-- Owl Carousel -->
    <link href="assets/owl-carousel/css/owl.carousel.min.css" th:href="@{assets/owl-carousel/css/owl.carousel.min.css}" rel="stylesheet" type="text/css">
    <!-- Animate -->
    <link href="css/animate.css" th:href="@{css/animate.css}" rel="stylesheet" type="text/css">
    <!-- Aos -->
    <link href="assets/aos/aos.css" th:href="@{assets/aos/aos.css}" rel="stylesheet" type="text/css">
    <!-- Custom Style -->
    <link href="css/custom.css" th:href="@{css/custom.css}" rel="stylesheet" type="text/css">
</head>
<body>
    <!-- Start Preloader -->
    <div id="loading">
        <div class="element">
            <div class="sk-folding-cube">
                <div class="sk-cube1 sk-cube"></div>
                <div class="sk-cube2 sk-cube"></div>
                <div class="sk-cube4 sk-cube"></div>
                <div class="sk-cube3 sk-cube"></div>
            </div>
        </div>
    </div>
    <!-- End Preloader -->

    <!-- Start Header -->
    <header>
        <!-- Start Header Sec -->
        <div class="container header-sec">
            <div class="row">
                <span class="col-xs-12 col-sm-3 logo"><a href="index.html"><img class="main" th:src="@{images/logo.png}" src="images/logo.png" alt="Fitness Gym"><img class="fix" src="images/logo-fix.png" th:href="@{images/logo-fix.png}" alt="Fitness Gym"></a></span>
                <div class="col-xs-12 col-sm-9 header-right">
                    <div class="header_search_outer">
                        <span class="icon-search-icon"></span>
                        <input type="text" value="" placeholder="Search" class="header_search"/>
                    </div>
                    <!-- Start Navigation -->
                    <nav class="navbar navbar-expand-md navbar-dark navbar-custom">
                        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown">
                            <span class="navbar-toggler-icon"></span>
                        </button>
                        <div class="collapse navbar-collapse" id="navbarNavDropdown">
                            <ul class="navbar-nav">
                                <li class="nav-item active">
                                    <a class="nav-link" href="/index" th:href="@{/index}">主页</a>
                                </li>
                                <li class="nav-item ">
                                    <a class="nav-link" href="/about-us" th:href="@{/about-us}" >关于我们</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="/classes" th:href="@{/classes}">我们的课程</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="/trainers" th:href="@{/trainers}">教练信息</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="/contact-us" th:href="@{/contact-us}">加入我们</a>
                                </li>
                            </ul>
                        </div>
                    </nav>
                    <!-- End Navigation -->
                </div>
            </div>
        </div>
        <!-- End Header Sec -->
    </header>
    <!-- End Header -->

    <!-- Start Banner -->
    <div class="banner-outer">
        <span class="banner-shadow"></span>
        <div class="banner-image">
            <div class="container">
                <div class="content" data-aos="fade-right">
                    <h1>来雕刻你的身体</h1>
                    <h2>更强壮</h2>
                    <p>“我过去的兴趣一直在如何保持完美的身体比例上。有一次，15岁的我脱光衣服站在镜子前看自己。看着镜中裸体的自己，我发现要达到完美的身体比例，我得有一对20英寸粗的臂膀，才配得上身体的其它地方。”——阿诺德·施瓦辛格</p>
                    <a href="contact-us" class="btn">来加入我们吧</a>
                </div>
            </div>
        </div>
    </div>
    <!-- End Banner -->

    <!-- Start building -->
    <div class="building-outer">
        <div class="container">
            <div class="building-list">
                <div class="row">
                    <div class="col-sm-4 col-xs-12">
                        <div class="building-box">
                            <figure><img src="images/build1.png" th:src="@{images/build1.png}" alt=""></figure>
                            <h4>身体雕刻</h4>
                            <p>想着要赢得比赛不会给你力量，在锻炼中挣扎力量才会增长，当你克服困难不想放弃时，这就是力量。</p>
                            <a href="classes" class="btn">阅览详情</a>
                        </div>
                    </div>
                    <div class="col-sm-4 col-xs-12">
                        <div class="building-box">
                            <figure><img src="images/build2.png" th:src="@{images/build2.png}" alt=""></figure>
                            <h4>有氧 & 搏击</h4>
                            <p>没什么做起来是容易的，但只要你还能呼吸，离梦想实现永远只差那么一口气。让你的每一次呼吸都能够起效。</p>
                            <a href="classes" class="btn">阅览详情</a>
                        </div>
                    </div>
                    <div class="col-sm-4 col-xs-12">
                        <div class="building-box">
                            <figure><img src="images/build3.png" th:src="@{images/build3.png}" alt=""></figure>
                            <h4>瑜伽</h4>
                            <p>在匆忙忙碌的生活中，渐渐地，我们丧失宁静与生活的意义，修炼瑜伽能重新发现宁静，重建享受宁静的好习惯。</p>
                            <a href="classes" class="btn">阅览详情</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End building sec -->

    <!-- Start Feature Classes -->
    <div class="feature-outer">
        <div class="container">
            <div class="head border">
                <h3><span>特色 课程</span></h3>
            </div>
            <div class="feature-list">
                <div class="feature-slider owl-carousel">
                    <div class="item" th:each="course:${specialCourses}">
                        <div class="feature-box">
                            <figure>
                                <img src="images/feature-thumb1.png" th:src="@{images/{sample}(sample=${course.sample})}" alt="">
                                <div class="time-box">
                                    <span class="date"><span th:text="'每月'+${course.week}+'号'">11月6日</span></span>
                                    <span class="time"><span th:text="${course.schooltime}">上午6:30</span></span>
                                </div>
                            </figure>
                            <h4 th:text="${course.cname}"><a href="classes" >无氧训练</a></h4>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Feature sec -->

    <!-- Start Muscle Sec -->
    <div class="muscle-outer">
        <figure><img src="images/mucle-img.png" th:src="@{images/{sample}(sample=${theBestInMouthCoach.sample})}" alt=""></figure>
        <div class="muscle-para">
            <div class="outer">
                <h3>肌肉打造</h3>
                <h4>12周便能打造轻型的肌肉专家<span th:text="${theBestInMouthCoach.cname}">Brandon Poe</span></h4>
                <a href="contact-us" class="btn">来加入我们吧</a>
            </div>
        </div>
    </div>
    <!-- End Muscle sec -->

    <!-- Start CLASS SCHEDULE sec -->
    <div class="classSch-outer">
        <div class="container">
            <div class="head">
                <h3>公共课时间表</h3>
            </div>
            <ul class="tabs">
                <li class="active"><a href="#mon">星期一</a></li>
                <li><a href="#tus">星期二</a></li>
                <li><a href="#wed">星期三</a></li>
                <li><a href="#thrus">星期四</a></li>
                <li><a href="#friday">星期五</a></li>
                <li><a href="#sat">星期六</a></li>
                <li><a href="#sun">星期日</a></li>
            </ul>
            <div class="table-outer">
                <table class="table tab_container" id="mon">
                    <tr th:each="course : ${commentCourses}" th:if="${course.week==1}">
                        <td th:text="${course.cname}">Yoga</td>
                        <td th:text="${course.schooltime}">10.00 am - 12.00 pm</td>
                        <td th:text="${course.teacher}">Robert Smith</td>
                        <td><a href="contact-us" class="btn">加入我们</a></td>
                    </tr>
                </table>
                <table class="table tab_container" id="tus">
                    <tr th:each="course : ${commentCourses}" th:if="${course.week==2}">
                        <td th:text="${course.cname}">Yoga</td>
                        <td th:text="${course.schooltime}">10.00 am - 12.00 pm</td>
                        <td th:text="${course.teacher}">Robert Smith</td>
                        <td><a href="contact-us" class="btn">加入我们</a></td>
                    </tr>
                </table>
                <table class="table tab_container" id="wed">
                    <tr th:each="course : ${commentCourses}" th:if="${course.week==3}">
                        <td th:text="${course.cname}">Yoga</td>
                        <td th:text="${course.schooltime}">10.00 am - 12.00 pm</td>
                        <td th:text="${course.teacher}">Robert Smith</td>
                        <td><a href="contact-us" class="btn">加入我们</a></td>
                    </tr>
                </table>
                <table class="table tab_container" id="thrus">
                    <tr th:each="course : ${commentCourses}" th:if="${course.week==4}">
                        <td th:text="${course.cname}">Yoga</td>
                        <td th:text="${course.schooltime}">10.00 am - 12.00 pm</td>
                        <td th:text="${course.teacher}">Robert Smith</td>
                        <td><a href="contact-us" class="btn">加入我们</a></td>
                    </tr>
                </table>
                <table class="table tab_container" id="friday">
                    <tr th:each="course : ${commentCourses}" th:if="${course.week==5}">
                        <td th:text="${course.cname}">Yoga</td>
                        <td th:text="${course.schooltime}">10.00 am - 12.00 pm</td>
                        <td th:text="${course.teacher}">Robert Smith</td>
                        <td><a href="contact-us" class="btn">加入我们</a></td>
                    </tr>
                </table>
                <table class="table tab_container" id="sat">
                    <tr th:each="course : ${commentCourses}" th:if="${course.week==6}">
                        <td th:text="${course.cname}">Yoga</td>
                        <td th:text="${course.schooltime}">10.00 am - 12.00 pm</td>
                        <td th:text="${course.teacher}">Robert Smith</td>
                        <td><a href="contact-us" class="btn">加入我们</a></td>
                    </tr>
                </table>
                <table class="table tab_container" id="sun">
                    <tr th:each="course : ${commentCourses}" th:if="${course.week==7}">
                        <td th:text="${course.cname}">Yoga</td>
                        <td th:text="${course.schooltime}">10.00 am - 12.00 pm</td>
                        <td th:text="${course.teacher}">Robert Smith</td>
                        <td><a href="contact-us" class="btn">加入我们</a></td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    <!-- End CLASS SCHEDULE sec -->

    <!-- Start Trainers sec -->
    <div class="trainers-outer">
        <div class="container">
            <div class="head border">
                <h3><span>专家培训师</span></h3>
            </div>
            <div class="trainers-list">
                <div class="trainers-slider owl-carousel">
                    <div class="item" th:each="coach : ${expertCoaches}">
                        <div class="trainers-box" >
                            <figure><img src="images/trainer1.png" th:src="@{images/{sample}(sample=${coach.sample})}"  alt=""></figure>
                            <span th:text="${coach.cname}">隔壁老王</span>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- End Trainers sec -->

    <!-- Start Gallery sec -->
    <div class="gallery-outer">
        <div class="container">
            <div class="head">
                <h3>健身画廊</h3>
            </div>
            <ul class="tabs">
                <li class="active"><span data-filter="*">所有</span></li>
                <li><span data-filter=".yoga">瑜伽</span></li>
                <li><span data-filter=".running">有氧</span></li>
                <li><span data-filter=".gym">无氧</span></li>
                <li><span data-filter=".fitness">塑形</span></li>
            </ul>
            <div class="gallery-list">
                <div class="row grid">
                    <div class="col-sm-3 col-xs-12 element-item yoga">
                        <div class="gallery-box">
                            <figure><img src="images/gallery1.png" th:src="@{images/gallery1.png}" alt=""></figure>
                            <a href="images/gallery1.png" th:href="@{images/gallery1.png}" class="gallery-overlay"><i class="fa fa-search-plus"></i></a>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-12 element-item running">
                        <div class="gallery-box">
                            <figure><img src="images/gallery2.png" th:src="@{images/gallery2.png}" alt=""></figure>
                            <a href="images/gallery2.png" th:href="@{images/gallery2.png}"  class="gallery-overlay"><i class="fa fa-search-plus"></i></a>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-12 element-item gym">
                        <div class="gallery-box">
                            <figure><img src="images/gallery3.png" th:src="@{images/gallery3.png}" alt=""></figure>
                            <a href="images/gallery3.png" th:href="@{images/gallery3.png}"  class="gallery-overlay"><i class="fa fa-search-plus"></i></a>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-12 element-item fitness">
                        <div class="gallery-box">
                            <figure><img src="images/gallery4.png" th:src="@{images/gallery4.png}" alt=""></figure>
                            <a href="images/gallery4.png" th:href="@{images/gallery4.png}"  class="gallery-overlay"><i class="fa fa-search-plus"></i></a>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-12 element-item yoga">
                        <div class="gallery-box">
                            <figure><img src="images/gallery5.png" th:src="@{images/gallery5.png}" alt=""></figure>
                            <a href="images/gallery5.png" th:href="@{images/gallery5.png}"  class="gallery-overlay"><i class="fa fa-search-plus"></i></a>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-12 element-item gym">
                        <div class="gallery-box">
                            <figure><img src="images/gallery6.png" th:src="@{images/gallery6.png}" alt=""></figure>
                            <a href="images/gallery6.png"  th:href="@{images/gallery6.png}"  class="gallery-overlay"><i class="fa fa-search-plus"></i></a>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-12 element-item running">
                        <div class="gallery-box">
                            <figure><img src="images/gallery7.png" th:src="@{images/gallery7.png}" alt=""></figure>
                            <a href="images/gallery7.png"  th:href="@{images/gallery7.png}"  class="gallery-overlay"><i class="fa fa-search-plus"></i></a>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-12 element-item fitness">
                        <div class="gallery-box">
                            <figure><img src="images/gallery8.png" th:src="@{images/gallery8.png}" alt=""></figure>
                            <a href="images/gallery8.png"  th:href="@{images/gallery8.png}"  class="gallery-overlay"><i class="fa fa-search-plus"></i></a>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-12 element-item gym">
                        <div class="gallery-box">
                            <figure><img src="images/gallery9.png" th:src="@{images/gallery9.png}" alt=""></figure>
                            <a href="images/gallery9.png" th:href="@{images/gallery9.png}"  class="gallery-overlay"><i class="fa fa-search-plus"></i></a>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-12 element-item runnung">
                        <div class="gallery-box">
                            <figure><img src="images/gallery10.png" th:src="@{images/gallery10.png}" alt=""></figure>
                            <a href="images/gallery10.png" th:href="@{images/gallery10.png}"  class="gallery-overlay"><i class="fa fa-search-plus"></i></a>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-12 element-item gym">
                        <div class="gallery-box">
                            <figure><img src="images/gallery11.png" th:src="@{images/gallery11.png}" alt=""></figure>
                            <a href="images/gallery11.png"  th:href="@{images/gallery11.png}" class="gallery-overlay"><i class="fa fa-search-plus"></i></a>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-12 element-item fitness">
                        <div class="gallery-box">
                            <figure><img src="images/gallery12.png" th:src="@{images/gallery12.png}" alt=""></figure>
                            <a href="images/gallery12.png"  th:href="@{images/gallery12.png}" class="gallery-overlay"><i class="fa fa-search-plus"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Gallery sec -->

    <!-- Start Counter sec -->
    <div class="counter-outer">
        <div class="container">
            <div class="row">
                <div class="col-sm-3 col-xs-12">
                    <div class="counter-box">
                        <figure><img src="images/counter1.png" th:src="@{images/counter1.png}" alt=""></figure>
                        <strong class="counter">25</strong>
                        <small>教练</small>
                    </div>
                </div>
                <div class="col-sm-3 col-xs-12">
                    <div class="counter-box">
                        <figure><img src="images/counter2.png" th:src="@{images/counter2.png}"  alt=""></figure>
                        <strong class="counter">2500</strong>
                        <small>满意的顾客</small>
                    </div>
                </div>
                <div class="col-sm-3 col-xs-12">
                    <div class="counter-box">
                        <figure><img src="images/counter3.png" th:src="@{images/counter3.png}" alt=""></figure>
                        <strong class="counter">199</strong>
                        <small>获得奖项</small>
                    </div>
                </div>
                <div class="col-sm-3 col-xs-12">
                    <div class="counter-box">
                        <figure><img src="images/counter4.png" th:src="@{images/counter4.png}" alt=""></figure>
                        <strong class="counter">250</strong>
                        <small>配套设备</small>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Counter sec -->

    <!-- Start News sec -->
    <div class="news-outer">
        <div class="container">
            <div class="head">
                <h3>最新消息</h3>
            </div>
            <div class="news-list">
                <div class="row">
                    <div class="col-sm-4 col-xs-12">
                        <div class="news-box">
                            <figure><img src="images/news-img1.png" th:src="@{images/news-img1.png}" alt="">
                                <div class="date-box">
                                    <span>老傅</span>
                                    <strong>20</strong>
                                </div>
                            </figure>
                            <h4>天赋型努力训练者</h4>
                            <p>留下你的汗水，展现你的风采，演绎一出精彩! <a href="news-detail.html">Read More...</a></p>
                        </div>
                    </div>
                    <div class="col-sm-4 col-xs-12">
                        <div class="news-box">
                            <figure>
                                <img src="images/news-img2.png" th:src="@{images/news-img2.png}" alt="">
                                <div class="date-box">
                                    <span>老王</span>
                                    <strong>20</strong>
                                </div>
                            </figure>
                            <h4>努力训练者</h4>
                            <p>留下你的汗水，展现你的风采，演绎一出精彩!<a href="news-detail.html">Read More...</a></p>
                        </div>
                    </div>
                    <div class="col-sm-4 col-xs-12">
                        <div class="news-box">
                            <figure>
                                <img src="images/news-img3.png" th:src="@{images/news-img3.png}" alt="">
                                <div class="date-box">
                                    <span>老朱</span>
                                    <strong>20</strong>
                                </div>
                            </figure>
                            <h4>新星训练者</h4>
                            <p>留下你的汗水，展现你的风采，演绎一出精彩! <a href="news-detail.html">Read More...</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End News sec -->

    <!-- Start Footer -->
    <footer class="footer">
        <!-- Start Footer top -->
        <div class="footer-top">
            <div class="container">
                <div class="row">
                    <div class="col-sm-4 col-xs-12">
                        <div class="contact-us">
                            <h3>关于</h3>
                            <p>来成为我们健身俱乐部的一员吧，拥有你自己的会员账号，与大家在健身圈里交流自己的训练成果，记录你的身体变化。</p>
                            <p><i class="fa fa-map-marker" aria-hidden="true"></i>浙江水利水电学院</p>
                            <a href="mailto:fitnessgym@gmail.com"><i class="fa fa-envelope" aria-hidden="true"></i>fitnessgym@gmail.com</a>
                            <a href=""><i class="fa fa-phone" aria-hidden="true"></i>+8008-823-823</a>
                        </div>
                    </div>
                    <div class="col-sm-4 col-xs-12">
                        <div class="newletter">
                            <h3>通讯</h3>
                            <p>注册我们的邮件列表以获取最新更新和优惠</p>
                            <div class="search-block clearfix">
                                <input name="Search" type="text" placeholder="Enter Your Email">
                                <button class="search"><span class="fa fa-long-arrow-right"></span></button>
                            </div>
                            <ul class="follow-us clearfix">
                                <li><a href="#" class="fa fa-facebook"></a></li>
                                <li><a href="#" class="fa fa-twitter"></a></li>
                                <li><a href="#" class="fa fa-linkedin"></a></li>
                                <li><a href="#" class="fa fa-instagram"></a></li>
                                <li><a href="#" class="fa fa-youtube-play"></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-sm-4 col-xs-12">
                        <h3>大会员们</h3>
                        <ul class="flicker-box clearfix">
                            <li><a href="images/flic1B.png" th:href="@{images/flic1B.png}"><img src="images/flic1.png" th:src="@{images/flic1.png}"  alt=""></a></li>
                            <li><a href="images/flic2B.png" th:href="@{images/flic2B.png}"><img src="images/flic2.png"  th:src="@{images/flic2.png}" alt=""></a></li>
                            <li><a href="images/flic3B.png" th:href="@{images/flic3B.png}"><img src="images/flic3.png"  th:src="@{images/flic3.png}" alt=""></a></li>
                            <li><a href="images/flic4B.png" th:href="@{images/flic4B.png}"><img src="images/flic4.png"  th:src="@{images/flic4.png}" alt=""></a></li>
                            <li><a href="images/flic5B.png" th:href="@{images/flic5B.png}"><img src="images/flic5.png" th:src="@{images/flic5.png}" alt=""></a></li>
                            <li><a href="images/flic6B.png" th:href="@{images/flic6B.png}"><img src="images/flic6.png"  th:src="@{images/flic6.png}" alt=""></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Footer top -->

        <!-- Copy Rights -->
        <div class="copy-rights-section">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12 col-xs-12">
                        <p>© 2018 - All rights <a href="http://www.baidu.com/" title="17sucai">Reserved</a></p>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Copy Rights -->
    </footer>
    <!-- End Footer -->

    <!-- Scroll to top -->
    <a href="#" class="scroll-top"><i class="fa fa-chevron-up" aria-hidden="true"></i></a>

</body>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js" th:href="@{js/jquery.min.js}"></script>
<!-- Bootstrap JS -->
<script src="assets/bootstrap/js/bootstrap.min.js" th:href="@{assets/bootstrap/js/bootstrap.min.js}"></script>
<!-- Lightbox JS -->
<script src="assets/lightbox/js/lightbox.js" th:href="@{assets/lightbox/js/lightbox.js}"></script>
<!-- Owl Carousal JS -->
<script src="assets/isotope/js/isotope.min.js" th:href="@{assets/isotope/js/isotope.min.js}"></script>
<!-- Owl Carousal JS -->
<script src="assets/owl-carousel/js/owl.carousel.min.js" th:href="@{assets/owl-carousel/js/owl.carousel.min.js}"></script>
<!-- Aos JS -->
<script src="assets/aos/aos.js" th:href="@{assets/aos/aos.js}"></script>
<!-- CounterUp JS -->
<script src="assets/counterup/counterup.min.js" th:href="@{assets/counterup/counterup.min.js}"></script>
<script src="assets/counterup/waypoints.min.js" th:href="@{assets/counterup/waypoints.min.js}"></script>
<!-- Custom JS -->
<script src="js/custom.js" th:href="@{js/custom.js}"></script>
</html>